
<!-- FORMULARIO TIPO DE LOCALIZACION -->
<!-- Slider -->
<script language="javascript" type="text/javascript">
    function hexFromRGB(r, g, b) {
        var hex = [
            r.toString( 16 ),
            g.toString( 16 ),
            b.toString( 16 )
        ];
        $.each( hex, function( nr, val ) {
            if ( val.length === 1 ) {
                hex[ nr ] = "0" + val;
            }
        });
        return hex.join( "" ).toUpperCase();
    }
    function refreshSwatch() {
        var red = $( "#red" ).slider( "value" ),
        green = $( "#green" ).slider( "value" ),
        blue = $( "#blue" ).slider( "value" ),
        hex = hexFromRGB( red, green, blue );
        $( "#swatch" ).css( "background-color", "#" + hex );
    }
    $(function() {
        $( "#red" ).slider({
            orientation: "horizontal",
            range: "min",
            max: 1440,
            value: 5,
            slide: function( event, ui ) {
                $( "#colorRojo" ).val( ui.value );
            },
            change: refreshSwatch
        });
        $( "#green" ).slider({
            orientation: "horizontal",
            range: "min",
            max: 1440,
            value: 5,
            slide: function( event, ui ) {
                $( "#colorVerde" ).val( ui.value );
            },
            change: refreshSwatch
        });
        $( "#blue" ).slider({
            orientation: "horizontal",
            range: "min",
            max: 1440,
            value: 5,
            slide: function( event, ui ) {
                $( "#colorNaranja" ).val( ui.value );
            },
            change: refreshSwatch
        });

        $( "#red" ).slider( "value", 360 );
        $( "#green" ).slider( "value", 100 );
        $( "#blue" ).slider( "value", 180 );
    });
</script>

<!-- LISTA DE TIPOSLOCALIZACION Y FORMULARIO DE TIPOSLOCALIZACION-->
<!-- TRAE LOS TIPOSLOCALIZACION -->
<script>
    function traetiposlocalizacion() {
        if(seleccionado == 'tiposlocalizacion'){
            $(function() { 
                $.ajax({ 
                    data: "accio=omplirLlista", 
                    type: "GET", 
                    dataType: "json", 
                    url: "./controlador/TipolocalizacionControl.php", 
                    beforeSend : function(jqXHR, settings) {
                        console.info('in beforeSend');
                        console.log(jqXHR, settings);
                        $("#divajax").show(); 
                    },
                    error : function(jqXHR, textStatus, errorThrown) {
                        console.info('in error');
                        console.log(jqXHR, textStatus, errorThrown);
                    },
                    success: function(data){ 
                        //alert("hola");
                        mostraLlistaTiposlocalizacion(data);
                        $("#divajax").hide(); 
                        $(".derechaConfig").hide();
                    }
                });
            });  
        }
    }
</script>

<!-- MUESTRA LA LISTA DE TIPOSLOCALIZACION -->
<script language="javascript" type="text/javascript">
    function mostraLlistaTiposlocalizacion(data) {
        if(seleccionado == 'tiposlocalizacion'){
            $("#ttiposlocalizacion").empty();
            var texto = "<thead><tr><th>Código</th><th>Descripción</th><th>Color Verde</th><th>Color Naranja</th><th>Color Rojo</th></tr></thead><tbody>";
            $.each(data,function(index,value) {
                texto = texto + "<tr id='"+data[index].codigoTipoLocalizacion+"'>";
                texto = texto + "<td>"+data[index].codigoTipoLocalizacion+"</td>";
                texto = texto + "<td>"+data[index].descripcionTipoLocalizacion+"</td>";
                texto = texto + "<td>"+data[index].colorVerde+"</td>";      
                texto = texto + "<td>"+data[index].colorNaranja+"</td>"; 
                texto = texto + "<td>"+data[index].colorRojo+"</td>"; 
                texto = texto + "</tr>";
            });
            var texto = texto+"</tbody>";
            $("#ttiposlocalizacion").append(texto);
        }
    }
</script>


<!-- CLIC A AÑADIR TIPOLOCALIZACION -->
<script type='text/javascript'>
    $(function() { 
        $("#afegirTL").click(function() {
            $("#tiposlocalizacionForm").show();
            $("#ftipolocalizacion").reset();
            //  selectTipolocalizacionDependiente();

<?php
$_SESSION['tipolocalizacionSelected'] = "";
$_SESSION['tipolocalizacion'] = null;
?>;
        });
    });
</script>

<!-- CLIC A UN TIPOLOCALIZACION DE LA LISTA PARA MOSTRARLO EN EL FORMULARIO DERECHA-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#ttiposlocalizacion').delegate('tbody tr', 'click', function () {  
            //$("#ttiposlocalizacion tbody").click(function(event) {
            var codigoTipolocalizacionClic = $(this).attr("id");
            $.ajax({ 
                data: "accio=omplirFTipolocalizacion&codigoTipolocalizacionClic="+codigoTipolocalizacionClic, 
                type: "GET", 
                dataType: "json", 
                url: "controlador/TipolocalizacionControl.php",
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                error : function(jqXHR, textStatus, errorThrown) {
                    console.info('in error');
                    console.log(jqXHR, textStatus, errorThrown);
                },
                success: function(data){ 
                    mostraFTipolocalizacion(data);
                    $("#divajax").hide(); 
                }
            });
 
        });
    });
</script>

<!-- MUESTRA LOS DATOS DEL FORMULARIO TIPOLOCALIZACION -->
<script language="javascript" type="text/javascript">
    function mostraFTipolocalizacion(data) {
        $("#ftipolocalizacion").reset();
        $("#tiposlocalizacionForm").show();
        $.each(data,function(index,value) { 
            $("#codigoTipoLocalizacion").val(data[index].codigoTipoLocalizacion);
            $("#descripcionTipoLocalizacion").val(data[index].descripcionTipoLocalizacion);
            $("#colorVerde").val(data[index].colorVerde);
            $("#colorNaranja").val(data[index].colorNaranja);
            $("#colorRojo").val(data[index].colorRojo);     
        });
    }
</script>

<!-- LLENA Y MUESTRA EL SELECT DE TIPOLOCALIZACION DEPENDIENTE EN EL FORMULARIO DE TIPOLOCALIZACION-->
<script>
    function muestraTipolocalizacionDependiente(data) {
        $("#tipolocalizacionDependiente").append("<option value=0>-------</option>");
        $.each(data,function(index,value) {
            $("#tipolocalizacionDependiente").append("<option value='"+data[index].codigoTipoLocalizacion+"' "+data[index].tipolocalizacionSelected+">"+data[index].descripcionTipoLocalizacion+"</option>");
        });
    }
    function selectTipolocalizacionDependiente() {
        $(function() { 
            $("#tipolocalizacionDependiente").empty();
            $.ajax({ 
                data: "accio=omplirSelect&sel=tipolocalizacionSelected", 
                type: "GET", 
                dataType: "json", 
                url: "./controlador/TipolocalizacionControl.php", 
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                success: function(data){ 
                    muestraTipolocalizacionDependiente(data);
                    $("#divajax").hide(); 
                }
            });
        }); 
    }
   
    
</script>

<!-- CLIC A GUARDAR TIPOLOCALIZACION EN LA BASE DE DATOS(MODIFICARLO O CREARLO)-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#guardarTL').click(function() {  
            if($("#codigoTipoLocalizacion").val() ==""){
                var datos = "accio=create&codigoTipoLocalizacion=&"+$("#ftipolocalizacion").serialize(); 
            }else{
                var datos = "accio=update&codigoTipoLocalizacion="+$("#codigoTipoLocalizacion").val()+"&"+$("#ftipolocalizacion").serialize(); 
            }
                  
            $.ajax({ 
                data: datos,
                type: "GET", 
                dataType: "json", 
                async: false,
                url: "controlador/TipolocalizacionControl.php", 
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                error : function(jqXHR, textStatus, errorThrown) {
                    console.info('in error');
                    console.log(jqXHR, textStatus, errorThrown);
                },
                success: function(data1){
                    traetiposlocalizacion();
                    $("#divajax").hide(); 
                }
            });
 
        });
    });
</script>

<!-- Botón activo-->
<script language="javascript" type="text/javascript">
    $(function() {
        $( "#activotipolocalizacion" ).buttonset();
    });
</script>

<!-- CLIC A ELIMINAR TIPOLOCALIZACION EN LA BASE DE DATOS(DELETE)-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#deleteTL').click(function() {  

            var datos = "accio=delete&codigoTipoLocalizacion="+$("#codigoTipoLocalizacion").val()+"&"+$("#ftipolocalizacion").serialize(); 
                  
            $.ajax({ 
                data: datos,
                type: "GET", 
                dataType: "json", 
                async: false,
                url: "controlador/TipolocalizacionControl.php", 
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                success: function(data1){
                    traetiposlocalizacion();
                    $("#divajax").hide(); 
                }
            });
 
        });
    });
</script>

